<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>极限库的品牌列表</title>
    <link rel="stylesheet" href="css/style.css">
    <link rel="stylesheet" href="css/style01.css">
</head>
<body>
    <div class="container">
        <!-- 头部 -->
        <div class="head">
            <div class="header">
                <div class="header_left">
                    <img src="images/logo.png" alt="" width="90px" height="48px">
                </div>
                <div class="header_right">
                    <div class="icon"></div>
                    <img id="search" src="images/search.jpeg" alt="">
                    <button class="zhuce">注册</button>
                    <button class="denglu"><a href="denglu.html">登陆</a></button>
                </div>
            </div>
            <div class="nav">
                <div class="nav_mini">
                    <ul>
                        <li><a href="indexTrue.html">首页</a></li>
                        <li><a href="brand.html">品牌</a></li>
                        <li><a href="">单板用品</a></li>
                        <li><a href="">双板用品</a></li>
                        <li><a href="">滑雪通用</a></li>
                        <li><a href="">咨询</a></li>
                        <li><a href="store.html">店铺</a></li>
                        <li><a href="about.html">关于极限库</a></li>
                        <li><a href="app.html">App下载</a></li>
                    </ul>
                </div>
            </div>
        </div>
        <!-- 品牌背景图 -->
        <div class="banner_brand">
            <img src="images/banner_brand.jpg" alt="" width="1903px" height="400px">
        </div>
        <!-- 品牌推荐 -->
        <div class="recommend">
            <div class="recommend_mini">
                <div class="recommend_title">
                    <p class="title_en">RECOMMENDED BRANDS</p>
                    <p class="title_cn">品牌推荐</p>
                    <div class="line"></div>
                </div>
                <ul>
                    <li>
                        <div class="image">
                            <img src="images/brand_01.jpg" alt="" width="162px" height="100px">
                        </div>
                    </li>
                    <li>
                        <div class="image">
                            <img src="images/brand_02.jpg" alt="" width="162px" height="100px">
                        </div>
                    </li>
                    <li>
                        <div class="image">
                            <img src="images/brand_03.jpg" alt="" width="162px" height="100px">
                        </div>
                    </li>                    
                    <li>
                        <div class="image">
                            <img src="images/brand_04.jpg" alt="" width="162px" height="100px">
                        </div>
                    </li>                    
                    <li>
                        <div class="image">
                            <img src="images/brand_05.jpg" alt="" width="162px" height="100px">
                        </div>
                    </li>                    
                    <li>
                        <div class="image">
                            <img src="images/brand_06.jpg" alt="" width="162px" height="100px">
                        </div>
                    </li>                    
                    <li>
                        <div class="image">
                            <img src="images/brand_07.jpg" alt="" width="162px" height="100px">
                        </div>
                    </li>                    
                    <li>
                        <div class="image">
                            <img src="images/brand_08.jpg" alt="" width="162px" height="100px">
                        </div>
                    </li> 
                </ul>
            </div>
        </div>
        <!-- 全部品牌 -->
        <div class="brand_all">
            <div class="brand_all_title">
                <p class="title_en" id="black_en">ALL BRANDS</p>
                <p class="title_cn" id="black_cn">全部品牌</p>
                <div class="line" id="black_line"></div>
            </div>
        </div>
        <!-- 检索条 -->
        <div class="dictionary">
            <div class="dictionary_mini">
                <ul>
                    <li>
                        <a href="#log_0">
                            <div class="dic">
                                <p>#</p>
                            </div>
                        </a>
                    </li>
                    <li>
                        <a href="#log_A">
                            <div class="dic">
                                <p>A</p>
                            </div>
                        </a>
                    </li>
                    <li>
                        <a href="#log_B">
                            <div class="dic">
                                <p>B</p>
                            </div>
                        </a>
                    </li>
                    <li>
                        <a href="#log_C">
                            <div class="dic">
                                <p>C</p>
                            </div>
                        </a>
                    </li>
                    <li>
                        <a href="#log_D">
                            <div class="dic">
                                <p>D</p>
                            </div>
                        </a>
                    </li>
                    <li>
                        <a href="#log_E">
                            <div class="dic">
                                <p>E</p>
                            </div>
                        </a>
                    </li>
                    <li>
                        <a href="#log_F">
                            <div class="dic">
                                <p>F</p>
                            </div>
                        </a>
                    </li>
                    <li>
                        <a href="#log_G">
                            <div class="dic">
                                <p>G</p>
                            </div>
                        </a>
                    </li>
                    <li>
                        <a href="#log_H">
                            <div class="dic">
                                <p>H</p>
                            </div>
                        </a>
                    </li>
                    <li>
                        <a href="#log_J">
                            <div class="dic">
                                <p>J</p>
                            </div>
                        </a>
                    </li>
                    <li>
                        <a href="#log_K">
                            <div class="dic">
                                <p>K</p>
                            </div>
                        </a>
                    </li>
                    <li>
                        <a href="#log_L">
                            <div class="dic">
                                <p>L</p>
                            </div>
                        </a>
                    </li>
                    <li>
                        <a href="#log_M">
                            <div class="dic">
                                <p>M</p>
                            </div>
                        </a>
                    </li>
                    <li>
                        <a href="#log_N">
                            <div class="dic">
                                <p>N</p>
                            </div>
                        </a>
                    </li>
                    <li>
                        <a href="#log_O">
                            <div class="dic">
                                <p>O</p>
                            </div>
                        </a>
                    </li>
                    <li>
                        <a href="#log_P">
                            <div class="dic">
                                <p>P</p>
                            </div>
                        </a>
                    </li>
                    <li>
                        <a href="#log_R">
                            <div class="dic">
                                <p>R</p>
                            </div>
                        </a>
                    </li>
                    <li>
                        <a href="#log_S">
                            <div class="dic">
                                <p>S</p>
                            </div>
                        </a>
                    </li>
                    <li>
                        <a href="#log_T">
                            <div class="dic">
                                <p>T</p>
                            </div>
                        </a>
                    </li>
                    <li>
                        <a href="#log_U">
                            <div class="dic">
                                <p>U</p>
                            </div>
                        </a>
                    </li>
                    <li>
                        <a href="#log_V">
                            <div class="dic">
                                <p>V</p>
                            </div>
                        </a>
                    </li>
                    <li>
                        <a href="#log_Y">
                            <div class="dic">
                                <p>Y</p>
                            </div>
                        </a>
                    </li>
                </ul>
            </div>
        </div>
        <!-- 目录 -->
        <div class="log">
            <div id="log_0">
                <div class="log_title">
                    <h3>#</h3>
                    <div class="log_line"></div>
                </div>
                <ul>
                    <li>
                        <img src="images/brand_38.jpg" alt="" width="201px" height="110px">
                        <p>011</p>
                    </li>
                    <li>
                        <img src="images/brands_02.jpg" alt="" width="201px" height="110px">
                        <p>686</p>
                    </li>
                </ul>
            </div>
            <div id="log_A">
                <div class="log_title">
                    <h3>A</h3>
                    <div class="log_line"></div>
                </div>
                <ul>
                    <li>
                        <img src="images/brands_A01.jpg" alt="" width="201px" height="110px">
                        <p>ARBOR</p>
                    </li>
                    <li>
                        <img src="images/brands_A02.jpg" alt="" width="201px" height="110px">
                        <p>ATOMIC</p>
                    </li>
                    <LI>
                        <img src="images/brands_A03.jpg" alt="" width="201px" height="110px">
                        <p>ADIDAS</p>
                    </LI>
                </ul>
            </div>
            <div id="log_B">
                <div class="log_title">
                    <h3>B</h3>
                    <div class="log_line"></div>
                </div>
                <ul>
                    <li>
                        <img src="images/brands_B01.jpg" alt="" width="201px" height="110px">
                        <p>BURTON</p>
                    </li>
                    <li>
                        <img src="images/brands_B02.jpg" alt="" width="201px" height="110px">
                        <p>BERN</p>
                    </li>
                    <li>
                        <img src="images/brands_B03.jpg" alt="" width="201px" height="110px">
                        <p>BUFF</p>
                    </li>
                    <li>
                        <img src="images/brands_B04.jpg" alt="" width="201px" height="110px">
                        <p>BC STREAM</p>
                    </li>
                    <li>
                        <img src="images/brands_B05.jpg" alt="" width="201px" height="110px">
                        <p>BATALEON</p>
                    </li>
                    <li>
                        <img src="images/brands_B06.jpg" alt="" width="201px" height="110px">
                        <p>BENT METAL</p>
                    </li>
                    <li>
                        <img src="images/brands_B07.jpg" alt="" width="201px" height="110px">
                        <p>Black Diamond</p>
                    </li>
                    <li>
                        <img src="images/brands_B08.jpg" alt="" width="201px" height="110px">
                        <p>Black Crows</p>
                    </li>
                </ul>
            </div>
            <div id="log_C">
                <div class="log_title">
                    <h3>C</h3>
                    <div class="log_line"></div>
                </div>
                <ul>
                    <li>
                        <img src="images/brands_C01.jpg" alt="" width="201px" height="110px">
                        <p>CAPITA</p>
                    </li>
                    <li>
                        <img src="images/brands_C02.jpg" alt="" width="201px" height="110px">
                        <p>CLWR</p>
                    </li>
                    <li>
                        <img src="images/brands_C03.jpg" alt="" width="201px" height="110px">
                        <p>COCKEREL</p>
                    </li>
                    <li>
                        <img src="images/brands_C04.jpg" alt="" width="201px" height="110px">
                        <p>Cardiff</p>
                    </li>
                </ul>
            </div>
            <div id="log_D">
                <div class="log_title">
                    <h3>D</h3>
                    <div class="log_line"></div>
                </div>
                <ul>
                    <li>
                        <img src="images/brands_D01.jpg" alt="" width="201px" height="110px">
                        <p>DC</p>
                    </li>
                    <li>
                        <img src="images/brands_D02.jpg" alt="" width="201px" height="110px">
                        <p>DRAKE</p>
                    </li>
                    <li>
                        <img src="images/brands_D03.jpg" alt="" width="201px" height="110px">
                        <p>DRAGON</p>
                    </li>
                    <li>
                        <img src="images/brands_D04.jpeg" alt="" width="201px" height="110px">
                        <p>DAKINE</p>
                    </li>
                    <li>
                        <img src="images/brands_D05.jpg" alt="" width="201px" height="110px">
                        <p>DAINESE</p>
                    </li>
                    <li>
                        <img src="images/brands_D06.jpg" alt="" width="201px" height="110px">
                        <p>DEMON</p>
                    </li>
                    <li>
                        <img src="images/brands_D07.jfif" alt="" width="201px" height="110px">
                        <p>DEELUXE</p>
                    </li>
                    <li>
                        <img src="images/brands_D08.jpg" alt="" width="201px" height="110px">
                        <p>Dalbello</p>
                    </li>
                </ul>
            </div>
            <div id="log_E">
                <div class="log_title">
                    <h3>E</h3>
                    <div class="log_line"></div>
                </div>
                <ul>
                    <li>
                        <img src="images/brands_E.jpg" alt="" width="201px" height="110px">
                        <p>ELECTRIC</p>
                    </li>
                </ul>
            </div>
            <div id="log_F">
                <div class="log_title">
                    <h3>F</h3>
                    <div class="log_line"></div>
                </div>
                <ul>
                    <li>
                        <img src="images/brands_F01.jpg" alt="" width="201px" height="110px">
                        <p>FISCHER</p>
                    </li>
                    <li>
                        <img src="images/brands_F02.jpg" alt="" width="201px" height="110px">
                        <p>FORCEFIELD</p>
                    </li>
                    <li>
                        <img src="images/brands_F03.png" alt="" width="201px" height="110px">
                        <p>FLUX</p>
                    </li>
                    <li>
                        <img src="images/brands_F04.jpg" alt="" width="201px" height="110px">
                        <p>FLOW</p>
                    </li>
                </ul>
            </div>
            <div id="log_G">
                <div class="log_title">
                    <h3>G</h3>
                    <div class="log_line"></div>
                </div>
                <ul>
                    <li>
                        <img src="images/brands_G01.jpg" alt="" width="201px" height="110px">
                        <p>GOSKI</p>
                    </li>
                    <li>
                        <img src="images/brands_G02.jpg" alt="" width="201px" height="110px">
                        <p>GIRO</p>
                    </li>
                    <li>
                        <img src="images/brands_G03.jpg" alt="" width="201px" height="110px">
                        <p>GOLDWIN</p>
                    </li>
                    <li>
                        <img src="images/brands_G04.jpg" alt="" width="201px" height="110px">
                        <p>GNU</p>
                    </li>
                </ul>
            </div>
            <div id="log_H">
                <div class="log_title">
                    <h3>H</h3>
                    <div class="log_line"></div>
                </div>
                <ul>
                    <li>
                        <img src="images/brands_H.jpg" alt="" width="201px" height="110px">
                        <p>HEAD</p>
                    </li>
                </ul>
            </div>
            <div id="log_J">
                <div class="log_title">
                    <h3>J</h3>
                    <div class="log_line"></div>
                </div>
                <ul>
                    <li>
                        <img src="images/brands_J01.jpg" alt="" width="201px" height="110px">
                        <p>JONES</p>
                    </li>
                    <li>
                        <img src="images/brands_J02.jpg" alt="" width="201px" height="110px">
                        <p>JIXIANKU</p>
                    </li>
                </ul>
            </div>
            <div id="log_K">
                <div class="log_title">
                    <h3>K</h3>
                    <div class="log_line"></div>
                </div>
                <ul>
                    <li>
                        <img src="images/brands_K01.jpg" alt="" width="201px" height="110px">
                        <p>KARAKORAM</p>
                    </li>
                    <li>
                        <img src="images/brands_K02.jpg" alt="" width="201px" height="110px">
                        <p>KESSLER</p>
                    </li>
                    <li>
                        <img src="images/brands_K03.jpg" alt="" width="201px" height="110px">
                        <p>K2</p>
                    </li>
                    <li>
                        <img src="images/brands_K04.jpg" alt="" width="201px" height="110px">
                        <p>Korua Shapes</p>
                    </li>
                </ul>
            </div>
            <div id="log_L">
                <div class="log_title">
                    <h3>L</h3>
                    <div class="log_line"></div>
                </div>
                <ul>
                    <li>
                        <img src="images/brands_L.jpg" alt="" width="201px" height="110px">
                        <p>LIB TECH</p>
                    </li>
                </ul>
            </div>
            <div id="log_M">
                <div class="log_title">
                    <h3>M</h3>
                    <div class="log_line"></div>
                </div>
                <ul>
                    <li>
                        <img src="images/brands_M.jpg" alt="" width="201px" height="110px">
                        <p>MOSS</p>
                    </li>
                </ul>
            </div>
            <div id="log_N">
                <div class="log_title">
                    <h3>N</h3>
                    <div class="log_line"></div>
                </div>
                <ul>
                    <li>
                        <img src="images/brands_N01.jpg" alt="" width="201px" height="110px">
                        <p>NEVER SUMMER</p>
                    </li>
                    <li>
                        <img src="images/brands_N02.jpeg" alt="" width="201px" height="110px">
                        <p>NITRO</p>
                    </li>
                    <li>
                        <img src="images/brands_N03.jpg" alt="" width="201px" height="110px">
                        <p>NORTHWAVE</p>
                    </li>
                    <li>
                        <img src="images/brands_N04.jpg" alt="" width="201px" height="110px">
                        <p>NOBADAY</p>
                    </li>
                    <li>
                        <img src="images/brands_N05.jpg" alt="" width="201px" height="110px">
                        <p>NIDECKER</p>
                    </li>
                    <li>
                        <img src="images/brands_N06.jpg" alt="" width="201px" height="110px">
                        <p>NOVEMBER</p>
                    </li>
                    <li>
                        <img src="images/brands_N07.jpg" alt="" width="201px" height="110px">
                        <p>NOW</p>
                    </li>
                    <li>
                        <img src="images/brands_N08.jpg" alt="" width="201px" height="110px">
                        <p>NORDICA</p>
                    </li>
                </ul>
            </div>
            <div id="log_O">
                <div class="log_title">
                    <h3>O</h3>
                    <div class="log_line"></div>
                </div>
                <ul>
                    <li>
                        <img src="images/brands_O01.jpg" alt="" width="201px" height="110px">
                        <p>OAKLEY</p>
                    </li>
                    <li>
                        <img src="images/brands_O02.jpg" alt="" width="201px" height="110px">
                        <p>OYUKI</p>
                    </li>
                    <li>
                        <img src="images/brands_O03.jpg" alt="" width="201px" height="110px">
                        <p>OGASAKA</p>
                    </li>
                </ul>
            </div>
            <div id="log_P">
                <div class="log_title">
                    <h3>P</h3>
                    <div class="log_line"></div>
                </div>
                <ul>
                    <li>
                        <img src="images/brands_P.jfif" alt="" width="201px" height="110px">
                        <p>POC</p>
                    </li>
                </ul>
            </div>
            <div id="log_R">
                <div class="log_title">
                    <h3>R</h3>
                    <div class="log_line"></div>
                </div>
                <ul>
                    <li>
                        <img src="images/brands_R01.jpg" alt="" width="201px" height="110px">
                        <p>RUROC</p>
                    </li>
                    <li>
                        <img src="images/brands_R02.jpg" alt="" width="201px" height="110px">
                        <p>ROXY</p>
                    </li>
                    <li>
                        <img src="images/brands_R03.jpg" alt="" width="201px" height="110px">
                        <p>RIDE</p>
                    </li>
                    <li>
                        <img src="images/brands_R04.jpg" alt="" width="201px" height="110px">
                        <p>ROME</p>
                    </li>
                    <li>
                        <img src="images/brands_R05.jpg" alt="" width="201px" height="110px">
                        <p>Rossignol</p>
                    </li>
                </ul>
            </div>
            <div id="log_S">
                <div class="log_title">
                    <h3>S</h3>
                    <div class="log_line"></div>
                </div>
                <ul>
                    <li>
                        <img src="images/brands_S01.jpg" alt="" width="201px" height="110px">
                        <p>SALOMON</p>
                    </li>
                    <li>
                        <img src="images/brands_S02.jpg" alt="" width="201px" height="110px">
                        <p>SMOKIN</p>
                    </li>
                    <li>
                        <img src="images/brands_S03.jpg" alt="" width="201px" height="110px">
                        <p>SIGNAL</p>
                    </li>
                    <li>
                        <img src="images/brands_S04.jpg" alt="" width="201px" height="110px">
                        <p>SANDBOX</p>
                    </li>
                    <li>
                        <img src="images/brands_S05.jpeg" alt="" width="201px" height="110px">
                        <p>SP</p>
                    </li>
                    <li>
                        <img src="images/brands_S06.jpg" alt="" width="201px" height="110px">
                        <p>Sims</p>
                    </li>
                    <li>
                        <img src="images/brands_S07.jpg" alt="" width="201px" height="110px">
                        <p>StöCkli</p>
                    </li>
                    <li>
                        <img src="images/brands_S08.jpg" alt="" width="201px" height="110px">
                        <p>SLASH</p>
                    </li>
                </ul>
            </div>
            <div id="log_T">
                <div class="log_title">
                    <h3>T</h3>
                    <div class="log_line"></div>
                </div>
                <ul>
                    <li>
                        <img src="images/brands_T.jpg" alt="" width="201px" height="110px">
                        <p>THIRTYTWO</p>
                    </li>
                </ul>
            </div>
            <div id="log_U">
                <div class="log_title">
                    <h3>U</h3>
                    <div class="log_line"></div>
                </div>
                <ul>
                    <li>
                        <img src="images/brands_U01.jpg" alt="" width="201px" height="110px">
                        <p>UVEX</p>
                    </li>
                    <li>
                        <img src="images/brands_U02.jpg" alt="" width="201px" height="110px">
                        <p>UNION</p>
                    </li>
                    <li>
                        <img src="images/brands_U03.jpg" alt="" width="201px" height="110px">
                        <p>United Shapes</p>
                    </li>
                </ul>
            </div>
            <div id="log_V">
                <div class="log_title">
                    <h3>V</h3>
                    <div class="log_line"></div>
                </div>
                <ul>
                    <li>
                        <img src="images/brands_V01.jpeg" alt="" width="201px" height="110px">
                        <p>VANS</p>
                    </li>
                    <li>
                        <img src="images/brands_V02.jpg" alt="" width="201px" height="110px">
                        <p>Volkl</p>
                    </li>
                </ul>
            </div>
            <div id="log_Y">
                <div class="log_title">
                    <h3>Y</h3>
                    <div class="log_line"></div>
                </div>
                <ul>
                    <li>
                        <img src="images/brands_Y.jpg" alt="" width="201px" height="110px">
                        <p>YES</p>
                    </li>
                </ul>
            </div>
        </div>
        <!--底部-->
        <div class="footer">
            <div class="footer_mini">
                <div class="footer_up">
                    <div class="footer_left">
                        <img src="images/footer_logo.png" alt="" width="175px" height="93px">
                        <ul>
                            <li>
                                <p class="tit">首页</p>
                                <p class="tex">最新产品</p>
                                <p class="tex">种类分布</p>
                                <p class="tex">活动内容</p>
                                <p class="tex">合作伙伴</p>
                            </li>
                            <li>
                                <p class="tit">品牌</p>
                                <p class="tex">推荐品牌</p>
                                <p class="tex">全部品牌</p>
                            </li>
                            <li>
                                <p class="tit">板块</p>
                                <p class="tex">单板滑雪</p>
                                <p class="tex">双板滑雪</p>
                                <p class="tex">滑雪通用</p>
                            </li>
                            <li>
                                <p class="tit">活动</p>
                                <p class="tex">最新活动</p>
                            </li>
                            <li>
                                <p class="tit">关于</p>
                                <p class="tex">关于我们</p>
                                <p class="tex">团队信息</p>
                            </li>
                        </ul>
                    </div>
                    <div class="footer_right">
                        <div class="footer_right_text">
                            <p class="tit">团队信息</p>
                            <p class="tex">地址：北京市海淀区</p>
                            <p class="tex">电话：13552287302</p>
                            <p class="tex">QQ： 527154335</p>
                            <p class="tex">邮箱：527154335@qq.com</p>
                        </div>
                        <div class="footer_right_image">
                            <div class="wechat_01">
                                <p>极限库公众号</p>
                                <img src="images/wechat_01.jpg" alt="" width="100px" height="100px">
                            </div>
                            <div class="wechat_02">
                                <p>联系人</p>
                                <img src="images/wechat_02.jpg" alt="" width="100px" height="100px">
                            </div>
                        </div>
                    </div>
                </div>
                <div class="footer_down">
                    <p>Copyright @ 2022 . All rights reserved. jixianku.com</p>
                    <p>京ICP备16001420号-6</p>
                </div>
            </div>
        </div>
    </div>
</body>
</html>